import React, { Component } from 'react'
import { Icon } from 'antd-mobile'
import { NavHeader } from '../common'

export default class RechargeResult extends Component {
  render() {
    return (
      <div className={`rt-recharge-result-container`}>
        <NavHeader title="充值结果" />

        <div className={`cm-scrollable-container`}>
          <Icon type="cross-circle" />
          <Icon type="check-circle" />
          <div className={`-middle`}>
            充值失败
          </div>
          <div className={`-below`}>
            请重新尝试
          </div>
          <div className={`-row-wrapper`}>
            {
              Array(3).fill(1).map((v, i) => (
                <div
                  key={Math.random()}
                  className={`-row`}
                  >
                  <span className={`-lft`}>账户</span>
                  <span>131****1234</span>
                </div>
              ))
            }
          </div>
          <div className={`cm-main-button`}>返 回</div>
        </div>
      </div>
    )
  }
}